<?php
/**
 * Copyright © 2013-2017 Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

// @codingStandardsIgnoreFile

/* @var $block \Magento\ConfigurableProduct\Block\Adminhtml\Product\Steps\SelectAttributes */
?>
<div class="select-attributes-block">
    <div class="select-attributes-actions" data-type="skipKO">
        <?= /* @escapeNotVerified */  $block->getAddNewAttributeButton(); ?>
    </div>
    <h2 class="steps-wizard-title"><?= /* @escapeNotVerified */  __('Step 1: Select Attributes') ?></h2>
    <div class="selected-attributes" data-bind="scope: '<?= /* @escapeNotVerified */  $block->getComponentName()?>'">
        <?= /* @escapeNotVerified */  __('Selected Attributes:') ?>
        <span data-bind="text: selectedAttributes() || '--'"></span>
    </div>
</div>
<?= $block->getChildHtml(); ?>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Ui/js/core/app": {
                "components": {
                    "<?= /* @escapeNotVerified */  $block->getComponentName()?>": {
                        "component": "Magento_ConfigurableProduct/js/variations/steps/select_attributes",
                        "multiselectName":
                            "product_attributes_listing.product_attributes_listing.product_attributes_columns.ids",
                        "providerName": "product_attributes_listing.product_attributes_listing_data_source",
                        "appendTo": "<?= /* @escapeNotVerified */  $block->getParentComponentName()?>"
                    }
                }
            }
        }
    }
</script>
